<template>
	<!-- 资产信息 -->
	<view class="assets-info">
		
		<view class="flex-between" style="background-color: #FFFFFF;padding: 0 40rpx;height: 100rpx;line-height: 100rpx;">
			<view style="font-size: 36rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 600;
						color: #2A2A2A;">资产信息</view>
			<view>共1件</view>
		</view>
		<view style="background-color: #FFFFFF;margin-top: 10rpx;padding: 0 40rpx;" v-for="(asset, index) in data.Assets" :key="index">
			<view class="title item-border">
				{{asset.EpcId}}
			</view>
			<view class="info">
				<image  :src="asset.ImgUrls && asset.ImgUrls[0] ? asset.ImgUrls[0] : '/static/images/nopic.png'"></image>
				<view style="width: 73%;">
					<view class="text-ellipsis" style="padding-bottom: 6rpx;
							font-size: 28rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 600;
							color: #2A2A2A;">{{asset.Name}}</view>
					<view style="padding-bottom: 12rpx;
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #4F5053;">{{asset.OrgName}}</view>
					<view class="flex-between" style="font-size: 24rpx;
														font-family: PingFangSC-Regular, PingFang SC;
														font-weight: 400;
														color: #4F5053;">
						<view>{{asset.AssetTypeText}}</view>
						<view>1件</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['data'],
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.assets-info {
		.title {
			width: 100%;
			height: 72rpx;
			line-height: 72rpx;
			font-size: 24rpx;
			font-family: Roboto-Regular, Roboto;
			font-weight: 400;
			color: #999999;
		}
		.info {
			width: 100%;
			padding: 20rpx 10rpx;
			display: flex;
			flex-wrap: wrap;
			image {
				width: 128rpx;
				height: 128rpx;
				margin-right: 30rpx;
			}
		}
		.item-border {
			height: 90rpx;
			line-height: 90rpx;
			border-bottom: 2rpx solid #ECECF0;
			overflow: hidden;
		}
	}
	.record-cell {
		width: 100%;
		min-height: 80rpx;
		font-size: 28rpx;
		padding: 10rpx 40rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		display: flex;
		flex-wrap: wrap;
		background-color: #FFFFFF;
		:nth-child(1) {
			width: 25%;
			border-bottom: 2rpx solid #ECECF0;
		}
		:nth-child(2) {
			width: 75%;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			border-bottom: 2rpx solid #ECECF0;
		}
	}
	.no-border {
		view {
			border-bottom: none !important;
		}
	}
	.grey {color: #999999;}
	.blank {color: #000000;font-weight: 500;}
</style>
